// 自定义字体颜色
.green-color {
  color: #19b834;
}

.orange-color {
  color: #ff9011;
}

.blue-color {
  color: #216ef2;
}

.red-color {
  color: #fa541c;
}

.green-bg {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  background: #19b834;
}

.orange-bg {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  background: #ff9011;
}

.blue-bg {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  background: #216ef2;
}

.red-bg {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  background: #fa541c;
}

.tab-active {
  color: #216ef2;
}

.tab-active:after {
  position: absolute;
  bottom: -8px;
  left: calc(50% - 36px);
  content: '';
  width: 72px;
  height: 2px;
  background: #216ef2;
}


.header-item {
  height: 24px;
  border-radius: 4px;
}

.header-item:hover {
  background: #ffffff;
}

.header-item:not(:last-child) {
  margin-right: 8px;
}
.header-item.active {
  background: #ffffff;
  color: #216ef2;
}